<template>
	<view class="container">
		<view class="large" v-for="(item,index) in list" :key="index">

			<!-- 			<view class="photo" v-else>
								<image
									src="https://lnu-market.oss-cn-guangzhou.aliyuncs.com/2022-10-06/16:22:29-8b47bee75ce5400792163d304d21f7b4.jpg"
									mode=""></image>
							</view> -->
			<view class="info">
				<view class="conbox">
					<view class="name">
						土地名字：{{item.landName}}
					</view>
					<view class="id">
						预约号：{{item.id}}
					</view>
				</view>

				
				
				
				<view class="boxbottom">
					<!-- 					<view class="photo" v-if="!!item.goods.photoList[0]">
						<image :src="item.goods.photoList[0].url" mode=""></image>
					</view> -->
					<view class="describe">
						{{item.beginTime}}&nbsp;&nbsp;&nbsp;&nbsp;--
					</view>
					
					<view class="describe">
						{{item.endTime}}
					</view>
				</view>

			</view>


		</view>
		<luanqing-empty show="true" text="没有更多数据啦" textColor="#000" ></luanqing-empty>
	</view>
</template>

<script>
	import {
		checkReserve
	} from '../../request/api.js'
	export default {
		data() {
			return {
				params: {
					page: 1,
					size: 10,
					userId: '202108764312'
				},
				list: []
			}
		},
		onLoad() {
			checkReserve().then(res => {
				this.list = res.data.data
				console.log(res.data.data);
			}).catch(err => {
				console.log(err);
			})
		},
		methods: {

		}
	}
</script>

<style lang="less" scoped>
	page {
		width: 100vw;
		height: 100vh;
		background-color: #ececec;
	}
	.container {
		width: 100vw;
		min-height: 100vh;
		background-color: #ececec;
	}

	.large {
		position: relative;
		// width: 95%;
		// height: 120px;
		margin: 0 0 10px 0;
		background-color: #ffffff;
		border-radius: 20px;
		padding: 10px;
		box-sizing: border-box;
		overflow: hidden;
		padding-bottom: 20px;
		
	}

	.photo {
		display: inline-block;
		width: 50px;
		height: 50px;
		margin: 2%;

		image {
			width: 100%;
			height: 100%;

		}
	}
	.conbox {
		display: flex;
		justify-content: space-between;
		border-bottom: 1px solid #dddddd;
		.name {
			display: inline-block;
			font-size: 19px;
			font-weight: 550;
			margin: 10px 10px;
			color: #64727e;
			padding-bottom: 15px;
		}
		.id {
			display: inline-block;
			font-size: 19px;
			font-weight: 550;
			margin: 10px 10px;
			color: #64727e;
			padding-bottom: 15px;
		}
		
	}



	.boxbottom {
		width: 100%;


	}

	.describe {
		display: inline-block;
		margin: 10px 10px;
		font-size: 17px;
		height: 25px;
		line-height: 25px;
		vertical-align: top;
	}

	.price {
		color: #ff8382;
	}

	.circle {
		position: absolute;
		top: 20px;
		right: -20px;
		font-size: 50px;
		font-weight: 300;
		color: #c6d9df;
		-moz-transform: rotate(-40deg);
		-webkit-transform: rotate(-40deg);
		// border: 1px solid #ccc;
		border-radius: 20%;
	}
</style>
